import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import PageNotFound from "../src/pages/PageNotFound"
import { BrowserRouter as Router, Routes, Route } from 'react-router-dom'
import reportWebVitals from './reportWebVitals';
import { adminRoutes, mainRoutes } from './router/router'
import 'antd/dist/antd.css';

ReactDOM.render(
  <Router>
  <Routes>
    {/* /admin开头的路由，全部由App组件渲染 */}
    <Route key="admin" path="admin/*" element={<App />} />
     {
        mainRoutes.map(route => {
          return <Route key={route.key} path={route.path} element={route.component} />
        })
      }
     
  </Routes>
</Router>,
  document.getElementById('root')
);

// If you want to start measuring performance in your app, pass a function
// to log results (for example: reportWebVitals(console.log))
// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
reportWebVitals();
